<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-人才简历发布</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.1/themes/default/easyui.css">
		<link rel="stylesheet" href="css/htools.select.skin.css">
		<link rel="stylesheet" href="css/resume_Steptwo.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top" style="display: block;">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，</span>
						<a href="./personal_index.html" class="person">张三<span>（3）</span></a><i class="line"></i>

						<a href="#">退出</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/zndj1.png" alt=""></div>

				<div class="fr search">
					<ul class="navigation_bar" style="margin-top:20px;">
						<li>所在位置 : </li>
						<li>
							<a href="index.html">首页</a><img src="images/arrow_right.png" alt=""></li>
						<li>
							<a href="hk_zndj.html">智能对接</a><img src="images/arrow_right.png" alt=""></li>
						<li class="current">
							<a href="">个人简历发布</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="wrapper ovw">
			<div class="content wrapLeft">
				<h3>发布对接需求，精准快速匹配</h3>
				<ul class="step">
					<li>1.选择分类</li>
					<li class="mar active">2.填写信息 <span>(发布简历)</span></li>
					<li class="end">3.需求完成</li>
				</ul>
				<div class="wrapContent ovw">
					<!--求职信息-->
					<div class="infoList">
						<p class="ititle">求职信息</p>
						<ul class="infoUl">
							<li class="centerList height76">
								<div class="category fl  wid351">
									<span>职位类别<i>*</i></span>
									<select id="job" class="sameSelect_349">
										<option value="">请选择</option>
										<option value="">工程师</option>
									</select>
								</div>
								<div class="category fr wid351 height76">
									<span>期望薪资<i>*</i></span>
									<select id="salary" class="sameSelect_349">
										<option value="">请选择</option>
										<option value="">5000</option>
									</select>
								</div>

							</li>
							<li class="centerList height76 place">
								<span class="areaSpan">工作地点<i>*</i></span>
								<div class="category fl">
									<select id="province" class="sameSelect_226">
										<option value="">- 请选择省份 -</option>
										<option value="">- 安徽 -</option>
									</select>

								</div>
								<div class="category fl">
									<select id="city" class="sameSelect_226">
										<option value="">- 请选择城市 -</option>
										<option value="">- 合肥 -</option>
									</select>
								</div>
								<div class="category fl">
									<select id="area" class="fr sameSelect_226">
										<option value="">- 请选择区域 -</option>
										<option value="">- 蜀山区 -</option>
									</select>

								</div>

							</li>

						</ul>
					</div>
					<!--基本信息-->
					<div class="infoList ovw">
						<p class="ititle">基本信息</p>
						<ul class="infoUl">
							<li class="centerList height76">
								<div class="category fl  wid351">
									<span>姓名<i>*</i></span>
									<input type="text" name="inputList" id="name" value="" placeholder="请输入您的姓名" class="wid351" />
								</div>
								<div class="category fr wid351 height76 birthDate">
									<span>出生年月<i>*</i></span>
									<div class="easyui-panel">
										<div>
											<input id="inputTime" class="easyui-datebox" labelPosition="top" data-options="formatter:myformatter,parser:myparser">
										</div>
									</div>
								</div>

							</li>
							<li class="centerList height76 ">
								<div class="category fl  ">
									<span>性别<i>*</i></span>
									<i class="sex active">男</i>
									<i class="sex">女</i>
								</div>

							</li>
							<li class="centerList height76">
								<div class="category fl  wid351">
									<span>工作经验<i>*</i></span>
									<select id="work" class="sameSelect_349">
										<option value="">请选择</option>
									</select>
								</div>
								<div class="category fr wid351 height76">
									<span>最高学历<i>*</i></span>
									<select id="education" class="sameSelect_349">
										<option value="">请选择</option>
									</select>
								</div>

							</li>
							<li class="ovw">
								<div class="category fl  wid351">
									<span>手机号码<i>*</i></span>
									<input type="text" name="inputList" id="tel" value="" placeholder="请输入您的手机号码，方便用人企业联系您" class="wid351" />
								</div>
								<div class="category fr  wid351">
									<span>电子邮箱<i>*</i></span>
									<input type="text" name="inputList" id="tel" value="" placeholder="请输入您的电子邮箱" class="wid351" />
								</div>
							</li>

						</ul>
					</div>
					<!--教育经历-->
					<div class="infoList ovw">
						<p class="ititle">教育经历</p>
						<ul class="infoUl">
							<li class="ovw">
								<div class="category fl  wid351">
									<span>学校名称</span>
									<input type="text" name="inputList" id="school" value="" placeholder="请输入您的学校名称" class="wid351" />
								</div>
								<div class="category fr  wid351">
									<span>专业</span>
									<input type="text" name="inputList" id="project" value="" placeholder="请输入您所学专业" class="wid351" />
								</div>
							</li>
							<!--就读时间-->
							<li class="ovw">
								<div class="category">
									<span>就读时间</span>
									<div class="easyui-panel attendTime">
										<div class="fl first">
											<i class="fl">开始</i>
											<input class="easyui-datebox fl" id="attend_startTime" labelPosition="top" data-options="formatter:myformatter,parser:myparser,editable:false">
										</div>
										<div class="fl last">
											<i class="fl">结束</i>
											<input class="easyui-datebox fl" id="attend_endTime" labelPosition="top" data-options="formatter:myformatter,parser:myparser,editable:false">
											<p class="fr">
												<i class="pay_list_c1 ">
<input type="radio" checked="checked" name="paylist" value="1" class="radioclass">
</i>
												<b class="fl">现在</b>
											</p>
										</div>
									</div>
								</div>

							</li>

						</ul>
					</div>
					<!--工作经历-->
					<div class="infoList ovw">
						<p class="ititle">工作经历</p>
						<ul class="infoUl">
							<li class="ovw">
								<div class="category fl  wid351">
									<span>公司名称</span>
									<input type="text" name="inputList" id="company" value="" placeholder="请输入您所在公司名称" class="wid351" />
								</div>
								<div class="category fr  wid351">
									<span>职位名称</span>
									<input type="text" name="inputList" id="majors" value="" placeholder="请输入职位名称" class="wid351" />
								</div>
							</li>
							<li class="ovw">
								<div class="category">
									<span>在职时间</span>
									<div class="easyui-panel attendTime">
										<div class="fl first">
											<i class="fl">开始</i>
											<input class="easyui-datebox fl startTime" data-options="formatter:myformatter,parser:myparser" labelPosition="top">
										</div>
										<div class="fl last">
											<i class="fl">结束</i>
											<input class="easyui-datebox fl endTime" data-options="formatter:myformatter,parser:myparser" labelPosition="top">
											<p class="fr">
												<i class="pay_list_c1 ">
<input type="radio" checked="checked" name="paylist" value="1" class="radioclass">
</i>
												<b class="fl">现在</b>
											</p>
										</div>
									</div>
								</div>

							</li>
							<li class="ovw">
								<div class="category  textareaList" id="wordCount">
									<span>工作内容</span>
									<div class="textArea ovw">
										<textarea name="textarea" placeholder="简述一下岗位职责和工作业绩，可使用人单位对你更多了解！"></textarea>
									</div>
									<i><b class="word">800</b>/800</i>
								</div>
								<div class="btnList ovw">
									<p class="save fr">保存</p>
									<p class="cancel fr">取消</p>

								</div>

							</li>

						</ul>
					</div>
					<div class="infoList ovw">
						<p class="ititle">项目经验</p>
						<ul class="ulProject ovw">
							<li>
								<a>
									<p class="top ovw">
										<b>嫦娥九号电焊工程</b>
										<span>2016.05-至今</span>
									</p>
									<div class="bottomInfo ovw">
										<span class="fl">项目简介：</span>
										<p class="bottom ovw fl">
											<i>1、负责机械设备加工的氩弧焊接工作；</i>
											<i>2、具有2年以上氩弧焊接工作经验；</i>
											<i>3、能服从工作安排，适应加班；</i>
										</p>
									</div>
									<div class="bottomInfo ovw">
										<span class="fl">职业和业绩：</span>
										<p class="bottom ovw fl">
											<i>负责整体结构框架，获得最优秀焊接技术奖</i>
										</p>
									</div>
									<p class="editBtn ovw">
										<i class="fl edit"><img src="images/edit.png"/></i>
										<span class="fl eline"></span>
										<i class="fl delete"><img src="images/e_delete.png"/></i>
									</p>
								</a>
							</li>
							<li>
								<a>
									<p class="top ovw">
										<b>小熊牌打蛋机所有焊接工程</b>
										<span>2016.05-至今</span>
									</p>
									<div class="bottomInfo ovw">
										<span class="fl">项目简介：</span>
										<p class="bottom ovw fl">
											<i>1、负责机械设备加工的氩弧焊接工作；</i>
											<i>2、具有2年以上氩弧焊接工作经验；</i>
											<i>3、能服从工作安排，适应加班；</i>
										</p>
									</div>
									<div class="bottomInfo ovw">
										<span class="fl">职业和业绩：</span>
										<p class="bottom ovw fl">
											<i>负责整体结构框架，获得最优秀焊接技术奖</i>
										</p>
									</div>
									<p class="editBtn ovw">
										<i class="fl edit"><img src="images/edit.png"/></i>
										<span class="fl eline"></span>
										<i class="fl delete"><img src="images/e_delete.png"/></i>
									</p>
								</a>
							</li>

						</ul>
						<dl id="addNew">
							<dt class="fl"><img src="images/newAdd.png"/></dt>
							<dd class="fl">新增</dd>
						</dl>
						<!--分割线-->
						<div class="hr"></div>
					</div>

					<div class="infoList ovw listIntroduce">
						<p class="ititle">自我介绍</p>
						<ul class="infoUl">
							<li class="ovw">
								<div class="category  textareaList" id="self_intro">
									<!--<span>工作内容</span>-->
									<div class="textArea ovw"><textarea name="textarea" placeholder="简单介绍下自己，可以提高面试通过率~ 例如：职业特长、工作经历、性格特点..."></textarea></div>
									<i><b class="word">800</b>/800</i>
								</div>

							</li>

						</ul>

					</div>

					<div class="submit ovw">
						<a href="hk_zndj_resume_publish.html">提交</a>
						<!--<input type="button" name="" id="" value="提交" />-->
					</div>

				</div>

			</div>
			<div class="wrapRight ovw fr">
				<dl class="active">
					<dt></dt>
					<dd>求职信息<span>*</span></dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>基本信息<span>*</span></dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>教育经历<span>*</span></dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>工作经历<span>*</span></dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>项目经历<span>*</span></dd>
				</dl>
				<dl>
					<dt></dt>
					<dd>自我介绍<span>*</span></dd>
				</dl>
			</div>

		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>

					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script type="text/javascript" src="js/jquery.1.9.1.js">
		</script>
		<script type="text/javascript" src="js/common.js">
		</script>
		<script src="jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="js/jquery.htools.select.js">
		</script>
		<script type="text/javascript">
			$(function() {

				//				点击右侧基本信息等,左侧内容滚动到相应位置
				function scroller_animate(i) {
					var scroll_top = $(".infoList").eq(i).offset().top;
					$("html,body").stop().animate({
						"scrollTop": scroll_top - 120
					}, 500)
				};

				//				$('.wrapper .wrapRight dl').each(function(index, item) {
				//					$(item).addClass('rightList' + index);
				//					$('.wrapper .wrapRight dl').click(function() {
				//						var $index = $(this).index();
				//						$(this).addClass('active').siblings().removeClass('active');
				//						scroller_animate($index);
				//					})
				//				});

				//				选择分类
				$('.wrapper .seclect .seclectList ul li').each(function() {
					$('.wrapper .seclect .seclectList ul li').click(function() {
						$(this).addClass('active').siblings().removeClass('active');
					})
				});
				//				选择性别
				$('.wrapper .wrapLeft .category  i.sex').each(function() {
					$('.wrapper .wrapLeft  i.sex').click(function() {
						$('.wrapper .wrapLeft  i.sex').removeClass('active');
						$(this).addClass('active');
					})

				});

				//下拉框
				//职位类别/期望薪资/工作经验/最高学历
				var $jobSelect = $(".sameSelect_349");
				$jobSelect.each(function() {
					$(this).goSelectInput({
						height: 40,
						width: 349
					});
				})
				//				省市区
				var $jobSelect = $(".sameSelect_226");
				$jobSelect.each(function() {
					$(this).goSelectInput({
						height: 40,
						width: 226
					});
				})

				//				工作地点 样式
				$('.wrapper .wrapLeft  li.place ._htools-select').eq(2).css('margin-right', 0)

			})
		</script>
		<script type="text/javascript">
			$(function() {
				//				剩余字数
				var wordCount = $("#wordCount"),
					textArea = wordCount.find("textarea"),
					word = wordCount.find(".word");
				var selfIntro = $('#self_intro'),
					self_textArea = selfIntro.find("textarea"),
					self_word = selfIntro.find(".word");
				//调用  

				statInputNum(textArea, word);
				statInputNum(self_textArea, self_word);
			})

			function statInputNum(textArea, numItem) {

				var max = numItem.text(),
					curLength;
				textArea[0].setAttribute("maxlength", max);
				curLength = textArea.val().length;
				numItem.text(max - curLength);
				textArea.on('input propertychange', function() {
					numItem.text(max - $(this).val().length);
				});

			}
		</script>
		<script type="text/javascript">
			//			项目经验
			$(function() {
				//				滑过 显示编辑和删除
				$('.wrapLeft ul.ulProject li').hover(function() {
					$(this).addClass('active').siblings().removeClass('active');
				}, function() {
					$('.wrapLeft ul.ulProject li').removeClass('active');
				});
				//				删除
				$(".wrapLeft li .editBtn i.delete").each(function() {
					$(".wrapLeft li .editBtn i.delete").on("click", function() {
						$(this).parent().parent().remove();
					})
				})

			})
		</script>

		<script type="text/javascript">
			//			教育经验
			$(function() {
				//				单选框 点击
				$(".pay_list_c1").on("click", function() {
					$(this).toggleClass('on');
				})

			})
		</script>
		<!--就读时间-->
		<script type="text/javascript">
			$(function() {

				$("#attend_startTime").datebox({
					onSelect: function(beginDate) {
						$('#attend_endTime').datebox().datebox('calendar').calendar({
							validator: function(date) {
								return beginDate < date; //<=  
							}
						});
					}
				});
			})
		</script>
		<!--日期格式-->
		<script type="text/javascript">
			function myformatter(date) {
				var y = date.getFullYear();
				var m = date.getMonth() + 1;
				var d = date.getDate();
				return y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d);
			}

			function myparser(s) {
				if(!s) return new Date();
				var ss = (s.split('-'));
				var y = parseInt(ss[0], 10);
				var m = parseInt(ss[1], 10);
				var d = parseInt(ss[2], 10);
				if(!isNaN(y) && !isNaN(m) && !isNaN(d)) {
					return new Date(y, m - 1, d);
				} else {
					return new Date();
				}
			}

			$(function() {
				//设置时间  
				/**
				 * 
				 * 获取当前时间
				 */
				function p(s) {
					return s < 10 ? '0' + s : s;
				}

				var myDate = new Date();
				//获取当前年
				var year = myDate.getFullYear();
				//获取当前月
				var month = myDate.getMonth() + 1;
				//获取当前日
				var date = myDate.getDate();
				var h = myDate.getHours(); //获取当前小时数(0-23)
				var m = myDate.getMinutes(); //获取当前分钟数(0-59)
				var s = myDate.getSeconds();
				//			var curr_time=year+'-'+p(month)+"-"+p(date)+" "+p(h)+':'+p(m)+":"+p(s);
				var curr_time = year + '-' + p(month) + "-" + p(date);　

				//				$("#inputTime").datebox("setValue", myformatter(curr_time));　
				//				设置就职默认时间
				$("#_easyui_textbox_input5").attr("placeholder", curr_time);　
				$("#_easyui_textbox_input4").attr("placeholder", curr_time);　
				//				设置就读默认时间
				$("#_easyui_textbox_input2").attr("placeholder", '2017-04-19');　
				$("#_easyui_textbox_input3").attr("placeholder", curr_time);　
				//				出生年月 默认时间
				$("#_easyui_textbox_input1").attr("placeholder", curr_time);　

			});
		</script>
		<script>
			$(function() {
				// input获取焦点改变边框色 , 失去焦点还原
				$("input").not('.validatebox-text ').focus(function() {
					$(this).css({
						'borderColor': '#024ea3',
						'box-shadow': '0px 1px 8px 0px rgba(2, 78, 163, .15)'
					});

				});

				$("input").not('.validatebox-text ').blur(function() {
					$(this).css({
						'borderColor': '#e4e4e4',
						'box-shadow': '0px 1px 8px 0px rgba(2, 78, 163, 0)'
					});

				});
			})
		</script>
	</body>

</html>